{extend name="public/base"/} {block name="body"}
<style>
    .mui-row.mui-fullscreen>[class*="mui-col-"] {
        height: 100%;
    }

    .mui-col-xs-3,
    .mui-col-xs-9 {
        overflow-y: auto;
        height: 100%;
    }

    .mui-segmented-control .mui-control-item {
        line-height: 50px;
        width: 100%;
    }

    .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
        background-color: #fff;
    }
    .mui-toast-container {
        bottom: 50%;
    }

    .mui-card .mui-control-content {
      padding: 10px;
    }

    .mui-control-content {

    }

    .mui-table-view .mui-media-object {
         line-height: 100px;
         max-width: 100px;
        height: 100px;
        width: 33.333333%
    }
    .cartbutton{
      position: relative;
    }

    .mui-col-sm-3{
      width: 33.3333333%;
    }
    .price{
      color: #f60;
      font-size: 0.475342rem;
    }

    .mui-table-view-cell.mui-active{
        background-color: #fff
    }
    .mui-numbox{
      height: 25px;
      margin-top: 5px;
    }
</style>
<header class="mui-bar mui-bar-nav" style="z-index:7">
      <a class=" mui-icon mui-icon-left-nav mui-pull-left" href="/"></a>
      <h1 class="mui-title">{$title}</h1>
      <a class="mui-icon mui-icon-contact mui-pull-right" href="{:url('index/user/index')}"></a>
</header>
<div class="mui-content">
  <div style="padding: 10px 10px;">
    <div id="segmentedControl" class="mui-segmented-control">
      <a class="mui-control-item mui-active" href="#item1">商盟</a>
      <a class="mui-control-item" href="#item2">微盟</a>
    </div>
  </div>
  <div>
    <div id="item1" class="mui-control-content mui-active">
      <div id="scroll" class="">
        <div class="mui-scroll">
          <ul class="mui-table-view">
            {volist name="slist" id="item"}
              <li class="mui-table-view-cell mui-media">
                      <div style="    overflow: hidden;">
                        <img class="mui-media-object mui-pull-left" src="{$item['logo']|get_cover='path'}">
                        <div class="mui-media-body" style="  width: 33.333333%;    float: left;    ">
                            <h4>{$item['shopname']}</h4>
                            <p style="    font-size: 12px;">{$item['dec']}</p>
                            <a href="{:url('detail', ['id'=>$item['id']])}" style="text-align:left;color: red;display: block;">详情介绍</a>
                        </div>
                          <img class="mui-media-object mui-pull-right" src="{$item['rqcode']|get_cover='path'}" data-preview-src="" data-preview-group="{$item['id']}">
                      </div>
              </li>
            {/volist}
          </ul>
        </div>
      </div>
    </div>
    <div id="item2" class="mui-control-content">

        <div class="mui-scroll">
          <ul class="mui-table-view">
            {volist name="wlist" id="item"}
              <li class="mui-table-view-cell mui-media">
                      <div style="    overflow: hidden;">
                        <img class="mui-media-object mui-pull-left" src="{$item['logo']|get_cover='path'}">
                        <div class="mui-media-body" style="  width: 33.333333%;    float: left;    ">
                            <h4>{$item['shopname']}</h4>
                            <p style="    font-size: 12px;">{$item['dec']}</p>
                            <a href="{:url('detail', ['id'=>$item['id']])}" style="text-align:left;color: red;display: block;">详情介绍</a>
                        </div>
                      <img class="mui-media-object mui-pull-right" src="{$item['rqcode']|get_cover='path'}" data-preview-src="" data-preview-group="{$item['id']}">
                      </div>
              </li>
            {/volist}
          </ul>
        </div>

    </div>
  </div>

</div>

</div>
{/block}
{block name="script"}

{include file="public/previewimage" /}


{/block}
